<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人基本情况</title>

<link href="css/index.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="themes/icon.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script src="js/index.js" type="text/javascript"></script>


</head>
<body>

	<div class="div_top div_min">
		<img class="div_top_img" alt="" src="img/top.jpg" width="100%" style="float: left;" >
	</div>
	
	<div class="div_min">
		<div class="center_left"></div>
		<div class="center_userinfo">
			Admin，欢迎你登录<br/>
		党员干部廉政档案填报系统！
		</div>
		<div class="center_link">
			<div class="link_left">当前位置：首页>个人申报>个人基本情况登记表</div>
			<div class="link_right">
				<a href="#" style="float: left; margin-top: 5px; text-decoration: none; color: rgb(158, 168, 178);">安全退出</a>
				<span style="float: left; margin-top: 5px;">&nbsp;|&nbsp;</span>
				<img style="float: left;" alt="" src="img/set.jpg"></div>
		</div>
		<div style="clear:both;"></div>
	</div>
	
	
	<div class="div_content div_min">
		<div class="content_blank"></div>
		<div class="content_menu">
			<a href="javascript:void(0);" onclick="selectmenu(this);">
				<div class="menu_cxt">
					<div class="menu_font">个人基本情况登记表</div>
					<div class="menu_img"><img alt="" src="img/arrows.jpg"></div>
					<div style="clear:both;"></div>
				</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">个人婚姻情况登记表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">工资及各类奖金、津贴、补贴等登记表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">本人、配偶及共同生活的子女住房情况报告表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">本人拒收或上交礼金礼品情况登记表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">个人奖惩情况登记表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">本人配偶、子女及其配偶受到查处或涉嫌犯罪情况报告表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">个人涵询、约谈、通报批评情况登记表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">参与操办本人及近亲属婚丧喜庆事宜情况报告表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			
			<a href="javascript:void(0);" onclick="selectmenu(this);">
			<div class="menu_cxt1">
				<div class="menu_font1">本人其他重大事项报告表</div>
				<div class="menu_img1"><img alt="" src="img/btn_ok.jpg"></div>
				<div style="clear:both;"></div>
			</div>
			</a>
			
			
		</div>
		<div class="content_detail">
			<div style="width: 100%; text-align: center; line-height: 76px; font-size: 20px;">个人基础情况登记表</div>
			<div class="content_detail_table">
			<table id="tab_id" border="0" >
				<tr>
					<td>姓名</td>
					<td><input type="text" value="" /></td>
					<td>性别</td>
					<td>
						&nbsp;<input type="radio" name="sex" value=""/>男 &nbsp;&nbsp;
						<input type="radio" name="sex" value=""/>女
					</td>
				</tr>
				<tr>
					<td>籍贯</td>
					<td><input type="text" value="" /></td>
					<td>出生日期</td>
					<td><input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" style="width:282px; height: 30px;"></td>
				</tr>
				<tr>
					<td>身份证号</td>
					<td><input type="text" value="" /></td>
					<td>政治面貌</td>
					<td>
						<select>
							<option>中央党员</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>入党时间</td>
					<td><input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" style="width:282px; height: 30px;"></td>
					<td>学历</td>
					<td>
						<select>
							<option>研究生</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>一级工作单位</td>
					<td>
						<select>
							<option>请选择一级工作单位</option>
						</select>
					</td>
					<td>二级工作单位</td>
					<td>
						<select>
							<option>请选择二级工作单位</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>现任职务</td>
					<td><input type="text" value="" /></td>
					<td>职级</td>
					<td>
						<select>
							<option>办事员</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>现任职务时间</td>
					<td><input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser" style="width:282px; height: 30px;"></td>
					<td>分管工作</td>
					<td><input type="text" value="" /></td>
				</tr>
				<tr>
					<td>家庭住址</td>
					<td colspan="3">
						<input type="text" value="樊城区" />区
						<input type="text" value="清河口" />街道
					</td>
				</tr>
				<tr>
					<td>办公电话</td>
					<td colspan="3"><input type="text" value="" /></td>
				</tr>
			</table>
			
			<a href="javascript:void(0);" onclick="btnsumit();">
			<div class="content_submit">
				<img alt="" src="img/submit.jpg" style="border: 0px;">
			</div>
			</a>
			
			</div>
		</div>
	
	</div>
	
	
	<div class="div_bottom div_min">
		<div class="bottom_left"></div>
		<div class="bottom_img">
			<img alt="" src="img/bottom.jpg">
			<span class="bottom_img_border"></span>
		</div>
		<div class="bottom_right"></div>
	</div>
	
<script type="text/javascript">
$("#tab_id tr").each(function() {    // 遍历每一行
    $(this).children('td:eq(2)').css("text-align", "right");
    $(this).children('td:eq(2)').css("width", "80px;");
});

function selectmenu(obj) {
	$(obj).parent().children().each(function(){
		$(this).find("div").each(function(){
			if($(this).attr("class") == "menu_cxt") {
				$(this).attr("class", 'menu_cxt1')
			}
			if($(this).attr("class") == "menu_font") {
				$(this).attr("class", 'menu_font1')
			}
			if($(this).attr("class") == "menu_img") {
				$(this).attr("class", 'menu_img1')
			}
		});
		$(this).find("img").attr('src', 'img/btn_ok.jpg');
		
	});
	
	$(obj).find("div").each(function(){
		if($(this).attr("class") == "menu_cxt1") {
			$(this).attr("class", 'menu_cxt')
		}
		if($(this).attr("class") == "menu_font1") {
			$(this).attr("class", 'menu_font')
		}
		if($(this).attr("class") == "menu_img1") {
			$(this).attr("class", 'menu_img')
		}
	});
	$(obj).find("img").attr('src', 'img/arrows.jpg');
	
}

function btnsumit() {
	alert('提交成功！');
}
</script>

<script type="text/javascript">
	function myformatter(date){
		var y = date.getFullYear();
		var m = date.getMonth()+1;
		var d = date.getDate();
		return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
	}
	function myparser(s){
		if (!s) return new Date();
		var ss = (s.split('-'));
		var y = parseInt(ss[0],10);
		var m = parseInt(ss[1],10);
		var d = parseInt(ss[2],10);
		if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
			return new Date(y,m-1,d);
		} else {
			return new Date();
		}
	}
</script>
	
</body>
</html>